<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd">



<html lang="en">
	
	<head>
		<link rel="stylesheet" href="/style.css" type="text/css">
		<link rel="stylesheet" href="/accordion.css" type="text/css">
		<meta http-equiv="content-type" content="text/html; charset=utf-8">
		<title id="page-title">Nearest Boozer</title>
	</head>

	<body>
		<div id="mainframe">
			<div id="masthead">
				<h2>Nearest Boozer</h2>
			</div>
			<div id="left-column">
			<div class="review-preview">
			</div>
			<a id="test" href="#"> Test Link </a>
				<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer placerat est et libero lobortis accumsan convallis nulla imperdiet. Nunc leo lorem, blandit ultrices cursus vitae, tristique feugiat augue. Nam non vulputate dolor. Nam sit amet eros nisi. Nulla quis dolor elit. Praesent volutpat lectus vel justo viverra varius. Mauris sem odio, vehicula ac venenatis at, imperdiet ac erat. Pellentesque faucibus nibh at mauris placerat sagittis. Mauris sed purus et ante elementum pulvinar sit amet id lectus. Integer magna velit, facilisis non laoreet at, fermentum ut purus. Donec tincidunt congue blandit. Vivamus interdum orci quis sem tincidunt et ullamcorper mauris viverra. Nulla ac urna non magna tincidunt tristique at sit amet eros.</p>
			</div>
			<div id="centre-column">
				<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer placerat est et libero lobortis accumsan convallis nulla imperdiet. Nunc leo lorem, blandit ultrices cursus vitae, tristique feugiat augue. Nam non vulputate dolor. Nam sit amet eros nisi. Nulla quis dolor elit. Praesent volutpat lectus vel justo viverra varius. Mauris sem odio, vehicula ac venenatis at, imperdiet ac erat. Pellentesque faucibus nibh at mauris placerat sagittis. Mauris sed purus et ante elementum pulvinar sit amet id lectus. Integer magna velit, facilisis non laoreet at, fermentum ut purus. Donec tincidunt congue blandit. Vivamus interdum orci quis sem tincidunt et ullamcorper mauris viverra. Nulla ac urna non magna tincidunt tristique at sit amet eros.</p>
			</div>
			<div id="right-column">
						<ul class="accordion">

	<li id="one" class="files">

		<a href="#one">Top 10 UK Bars</a>

		<ul class="sub-menu">

			<li><a href="#"><em>01</em>The Cape</a></li>
			<li><a href="#"><em>02</em>The Living Room</a></li>
			<li><a href="#"><em>03</em>The Great Eastern</a></li>
			<li><a href="#"><em>04</em>East Village</a></li>
			<li><a href="#"><em>05</em>Road Trip</a></li>
			<li><a href="#"><em>06</em>The Princess of Wales</a></li>
			<li><a href="#"><em>07</em>The Dolphin</a></li>
			<li><a href="#"><em>08</em>Charlotte Street Hotel</a></li>
			<li><a href="#"><em>09</em>Ministry Of Sound</a></li>
			<li><a href="#"><em>10</em>The Minories</a></li>

		</ul>

	</li>

	<li id="two" class="mail">

		<a href="#two">Top 10 London Bars</a>

		<ul class="sub-menu">

			<li><a href="#"><em>01</em>The Cape</a></li>
			<li><a href="#"><em>02</em>The Living Room</a></li>
			<li><a href="#"><em>03</em>The Great Eastern</a></li>
			<li><a href="#"><em>04</em>East Village</a></li>
			<li><a href="#"><em>05</em>Road Trip</a></li>
			<li><a href="#"><em>06</em>The Princess of Wales</a></li>
			<li><a href="#"><em>07</em>The Dolphin</a></li>
			<li><a href="#"><em>08</em>Charlotte Street Hotel</a></li>
			<li><a href="#"><em>09</em>Ministry Of Sound</a></li>
			<li><a href="#"><em>10</em>The Minories</a></li>
			

		</ul>

	</li>

</ul>
			</div>
		</div>

	</body>

	<footer>
	</footer>
	<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript">

	$(document).ready(function() {

		// Store variables

		var accordion_head = $('.accordion > li > a'),
			accordion_body = $('.accordion li > .sub-menu');

		// Open the first tab on load

accordion_head.first().addClass('active').next().slideDown('normal');

		// Click function

		accordion_head.on('click', function(event) {

			// Disable header links

			event.preventDefault();

			// Show and hide the tabs on click

			if ($(this).attr('class') != 'active'){
				accordion_body.slideUp('normal');
				$(this).next().stop(true,true).slideToggle('normal');
				accordion_head.removeClass('active');
				$(this).addClass('active');
			}

		});

	});

</script>
</html>


